<template>
  <div>
    <login />
      <div class="password">
        <van-field v-model="tel" type="tel" label="手机号" placeholder="请输入手机号" />
        <van-field v-model="sms" center clearable label="短信验证码" placeholder="请输入短信验证码">
          <template #button>
            <van-button size="small" type="primary" color="#ec6941">发送验证码</van-button>
          </template>
        </van-field>
      </div>
  </div>
</template>

<script>
import login from "./login";
import Vue from "vue";
import { Field } from "vant";

Vue.use(Field);
export default {
  components: {
    login: login
  },
  data() {
    return {
      tel: "",
      sms: "",
    };
  }
};
</script>

<style scoped>
.password {
  position: absolute;
  top: 40%;
}
</style>